<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页面</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2700259_6thcbwzyzke.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/des.css">
    <link rel="stylesheet" href="../libs/swiper.min.css">
    <script src="../libs/require.js" data-main="../js/des.js"></script>
</head>
<body>
    <div class="side-bar">
        <div class="cart"> <a href="cart.html"><i class="iconfont icon-gouwuche"></i></a></div>
    </div>
    <header></header>
    <main></main>
    <footer></footer>
    <script type="text/html" id="des">
        
            <div class="normal">
                <div class="main">
                    <a href="../index.html">首页</a>
                </div>
                
            </div>
            <div class="commodity main" data-id="{{list.detail.id}}" data-img="{{list.detail.thumbnail}}">
                <div class="cmd-info">
                    <div class="phons">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src="{{list.detail.photo[0].url}}" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="{{list.detail.photo[1].url}}" alt=""></div>
                                <div  class="swiper-slide">
                                    <img src="{{list.detail.photo[2].url}}" alt=""></div>
                                <div  class="swiper-slide">
                                    <img src="{{list.detail.photo[3].url}}" alt="">
                                </div>
                                <div  class="swiper-slide">
                                    <img src="{{list.detail.photo[4].url}}" alt="">
                                </div>
                            </div>
                            <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
                        <!-- 如果需要导航按钮 -->
                        <!-- <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div> -->
                        </div>
                    </div>
                    <div class="container">
                        <h1 class="cmd-title">
                            <div class="title-icon">
                                <img src="../images/des2.png" alt="" class="platform">
                                <img src="../images/des-title1.png" alt="" class="free-postage">
                            </div>
                        {{list.detail.title}}
                        </h1>
                        <div class="cmd-price">
                            <p class="original-price"> <i> 原价¥{{list.detail.originPrice}}</i> </p>
                            <div class="last-price">
                                <span>卷后价</span>
                                <span class="price">{{list.detail.price}}</span>
                                <span class="coupon-info">{{list.detail.couponValue}}</span>
                                <span class="sale-num">{{list.detail.saleNum}}人已买</span>
                            </div>
                        </div>
                        <p class="expire-date">
                            <span>优惠有效期：{{list.detail.expireDate}}</span>
                        </p>
                        <div class="clear"></div>
                        <button class="goTB-btn" style="background-color: rgb(250, 88, 90);">领劵购买</button>
                    </div>
                </div>
                <div class="shop-info">
                    <div class="content">
                        <span class="line"></span>
                        <span class="txt">卖家信息</span>
                        <span class="line"></span>
                    </div>
                    <img src="{{list.shop.picUrl}}" alt="" class="shop-image">
                    <p class="shop-name">{{list.shop.title}}</p>
                    <div class="shop-score">
                        <ul class="character">
                            <li>描述</li>
                            <li>服务</li>
                            <li>物流</li>
                        </ul>
                        <ul class="score">
                            <li>{{list.shop.itemScore}}</li>
                            <li>{{list.shop.serviceScore}}</li>
                            <li>{{list.shop.deliveryScore}}</li>
                        </ul>
                    </div>
                </div>
                
                <div class="cmd-detail">
                    <div class="imgs">
                        <img  src="{{list.detail.descContentList[0].image.url}}" alt="">
                        <img  class="aaa" src="{{list.detail.descContentList[1].image.url}}" alt="">
                        <img src="{{list.detail.descContentList[2].image.url}}" alt="">
                        <img src="{{list.detail.descContentList[3].image.url}}" alt="">
                        <img src="{{list.detail.descContentList[4].image.url}}" alt="">
                        
                        
                    </div>
                </div>
            </div>
        
    </script>
</body>
</html>